<template>
    <div class="content">
     <Center>
       <h1>欢迎来到《爱宠邦管理系统》</h1>
        <Banner :banners="banner" :duration="2000"/>
     </Center>
    </div>
  
</template>

<script>
import Center from '@/components/Center'
import Banner from '@/components/Banner'
export default {
 components:{
   Banner,
 },
 data(){
   return{
       banner:[
                // 使用webpack的方式进行图片引入
                {url:require('@/assets/banner/banner2.png'),link:""},    
                {url:require('@/assets/banner/banner3.png'),link:""}, 
                {url:require('@/assets/banner/banner4.png'),link:""},    
                {url:require('@/assets/banner/banner5.png'),link:""}, 
                 {url:require('@/assets/banner/banner1.png'),link:""},
           ],
   }
 }
}
</script>

<style lang="less" scoped>
.content {
 
 
  h1 {
      font-size: 20px;
      padding: 5px 0 20px 0;
    }
}
</style>
